<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui">

<ui:composition template="/templates/masterLayout.xhtml">
	<ui:define name="title">
			#{msg['btn.bodega']}
		</ui:define>

	<ui:define name="content">
		<p:growl id="mensaje" showDetail="true" life="7000" />
		<h:outputText value="RESPONSIVE WEB DESIGN" class="asterisco" />
		<p:panel header="#{msg['lbl.listadoDe']} #{msg['lbl.bodegas']}"
			style="margin-bottom:10px;">
			<h:form id="formDataTable">
				<p:dataTable id="tablaBodegas" var="bodega" scrollable="true"
					styleClass="ui-datatable-scrollable-body"
					value="#{bodegaBean.listaBodegas}" paginator="true" rows="10"
					emptyMessage="#{msg['lbl.mensajeTabla']}"
					paginatorPosition="bottom"
					rowStyleClass="#{bodega.activo eq true ? null:'desactivo'}">

					<f:facet name="header">
						<h:form>
							<p:tooltip for="btnNuevo" value="#{msg['lbl.insertar']}" />
							<p:commandButton oncomplete="PF('bodegaDialogoNuevo').show()"
								id="btnNuevo" icon="ui-icon-plus"
								actionListener="#{bodegaBean.limpiarObjetos}"
								update=":formNuevo" />
						</h:form>
					</f:facet>

					<p:column headerText="#{msg['lbl.gestionar']}"
						style="text-align:center;width:100px">

						<p:tooltip for="btnMostrar" value="MOSTRAR" />
						<p:tooltip for="btnEditar" value="EDITAR" />
						<p:tooltip for="btnEliminar"
							value="#{bodega.activo eq true ? msg['lbl.desactivar']:msg['lbl.activar']}" />
						<p:tooltip for="btnBodegueros" value="RESPONSABLES" />

						<p:commandButton id="btnMostrar" update=":formMostrar"
							oncomplete="PF('bodegaDialogoMostrar').show()"
							icon="#{msg['iconoMostrar']}">
							<f:setPropertyActionListener value="#{bodega}"
								target="#{bodegaBean.bodega}" />
						</p:commandButton>

						<p:commandButton id="btnEditar" update=":formEditar"
							oncomplete="PF('bodegaDialogoEditar').show()"
							icon="ui-icon-pencil">
							<f:setPropertyActionListener value="#{bodega}"
								target="#{bodegaBean.bodega}" />
						</p:commandButton>

						<p:commandButton id="btnEliminar" update=":formEliminar"
							oncomplete="PF('bodegaDialogoEliminar').show()"
							icon="#{bodega.activo eq true ? 'ui-icon-close':'ui-icon-check'}">
							<f:setPropertyActionListener value="#{bodega}"
								target="#{bodegaBean.bodega}" />
						</p:commandButton>

						<p:commandButton id="btnBodegueros" update=":formBodegueros"
							oncomplete="PF('bodeguerosDialogoNuevo').show()"
							icon="ui-icon-person" action="#{bodegaBean.limpiarBodegueros}">
							<f:setPropertyActionListener value="#{bodega}"
								target="#{bodegaBean.bodega}" />
						</p:commandButton>

					</p:column>

					<p:column headerText="NOMBRE" filterBy="#{bodega.nombre}"
						style="text-align:center;width:100px">  
            			#{bodega.nombre}  
        			</p:column>

					<p:column headerText="CIUDAD" filterBy="#{bodega.direccion}"
						style="text-align:center;width:100px">  
            			#{bodega.ciudad}  
        			</p:column>

					<p:column headerText="DIRECCION" filterBy="#{bodega.direccion}"
						style="text-align:center;width:300px">  
            			#{bodega.direccion}  
        			</p:column>

				</p:dataTable>
			</h:form>

		</p:panel>

		<p:dialog widgetVar="bodegaDialogoEliminar" severity="alert"
			header="ELIMINAR BODEGA" showEffect="explode" hideEffect="explode"
			modal="false" resizable="false" width="230px"
			style="text-align: center;">
			<h:form id="formEliminar">
				<h:inputHidden value="#{bodegaBean.bodega.bodegaid}" />
				<br />
				<ui:param name="appreciated"
					value="¿ DESEA DESACTIVAR LA BODEGA: #{bodegaBean.bodega.nombre} ?" />
				<ui:param name="notAppreciated"
					value="¿ DESEA ACTIVAR LA BODEGA: #{bodegaBean.bodega.nombre} ?" />
				<h:outputText
					value="#{bodegaBean.bodega.activo eq true ? appreciated : notAppreciated}" />
				<br />
				<br />
				<p:commandButton value="#{msg['btn.aceptar']}"
					update=":formDataTable:tablaBodegas,:mensaje"
					icon="#{msg['iconoAceptar']}"
					oncomplete="PF('bodegaDialogoEliminar').hide()"
					actionListener="#{bodegaBean.eliminar}" />
				<p:commandButton value="#{msg['btn.cancelar']}" type="button"
					onclick="PF('bodegaDialogoEliminar').hide()"
					icon="#{msg['iconoCancelar']}" />
			</h:form>
		</p:dialog>

		<p:dialog header="INSERTAR BODEGA" widgetVar="bodegaDialogoNuevo"
			resizable="false" modal="fasle" showEffect="clip" hideEffect="fold"
			id="dialogoNuevo">
			<h:form id="formNuevo">
				<p:focus context="formNuevo" />
				<h:panelGrid id="panelNuevo" columns="2">
					<h:outputText value="NOMBRE:" />
					<p:inputText id="txtNombre" value="#{bodegaBean.bodega.nombre}"
						onblur="this.value=this.value.toUpperCase();" required="true"
						requiredMessage="INSERTE UNA BODEGA" />
					<h:outputText value="CIUDAD:" />
					<p:selectOneMenu id="comboCiudad" filter="true"
						filterMatchMode="contains" value="#{bodegaBean.bodega.ciudad}"
						required="true" requiredMessage="ESCOJA UNA CIUDAD">
						<f:selectItem itemLabel="ESCOJA UNA CIUDAD" />
						<f:selectItems value="#{bodegaBean.listaCiudades}" var="ciudad"
							itemValue="#{ciudad.nombre}" itemLabel="#{ciudad.nombre}" />
					</p:selectOneMenu>
					<h:outputText value="DIRECCION:" />
					<p:inputText id="txtDireccion"
						value="#{bodegaBean.bodega.direccion}"
						onblur="this.value=this.value.toUpperCase();" required="true"
						requiredMessage="INSERTE UNA DIRECCION" />
					<f:facet name="footer">
						<p:separator />
						<p:commandButton value="#{msg['btn.guardar']}"
							update=":formDataTable ,:mensaje, :formNuevo"
							oncomplete="comprobar(xhr, status, args)" id="btnNuevoAceptar"
							icon="#{msg['iconoGuardar']}"
							actionListener="#{bodegaBean.insertar}" />
						<p:commandButton value="#{msg['btn.cancelar']}"
							oncomplete="PF('bodegaDialogoNuevo').hide()" id="btnNuevolimpiar"
							icon="#{msg['iconoCancelar']}" />
					</f:facet>
				</h:panelGrid>
			</h:form>
		</p:dialog>

		<p:dialog header="AGREGAR/EDITAR RESPONSABLES"
			widgetVar="bodeguerosDialogoNuevo" resizable="false" modal="fasle"
			showEffect="explode" hideEffect="explode"
			styleClass="dialogoResponsableBodega">
			<h:form id="formBodegueros">
				<p:focus context="formBodegueros" />
				<h:panelGrid columns="1">
					<h:panelGrid columns="3">
						<h:outputText value="RESPONSABLE:" />
						<p:selectOneMenu id="comboBodegueros" filter="true"
							value="#{bodegaBean.bodeguero.empleadocargoid}"
							styleClass="comboFormNuevo">
							<f:selectItem itemLabel="ESCOJA RESPONSABLE" id="comboFormNuevo" />
							<f:selectItems value="#{bodegaBean.listaBodegueros}"
								var="bodeguero" itemValue="#{bodeguero.id}"
								itemLabel="#{bodeguero.cedula}-#{bodeguero.apellido} #{bodeguero.nombre}" />
						</p:selectOneMenu>
						<p:commandButton icon="ui-icon-plus"
							actionListener="#{bodegaBean.insertarBodeguero}"
							validateClient="true"
							update="comboBodegueros, tablaBodeguero,:mensaje" />
					</h:panelGrid>

					<p:dataTable id="tablaBodeguero" var="encargado" scrollable="true"
						styleClass="ui-datatable-scrollable-body"
						value="#{bodegaBean.listaBodegaEmpleadoCargo}"
						rowStyleClass="#{encargado.activo eq true ? null:'desactivo'}">

						<p:column headerText="#{msg['lbl.gestionar']}"
							style="text-align:center;width:50px">
							<p:tooltip for="btnEliminar"
								value="#{encargado.activo eq true ? msg['lbl.desactivar']:msg['lbl.activar']}" />
							<p:commandButton id="btnEliminar" update=":formEliminar"
								oncomplete="PF('bodegueroDialogoEliminar').show()"
								icon="#{encargado.activo eq true ? 'ui-icon-close':'ui-icon-check'}">
								<f:setPropertyActionListener value="#{encargado}"
									target="#{bodegaBean.encargado}" />
							</p:commandButton>
						</p:column>

						<p:column headerText="CEDULA" style="text-align:center;width:50px">
							#{encargado.empleadocargo.empleado.persona.cedula}
						</p:column>

						<p:column headerText="NOMBRE"
							style="text-align:center;width:100px">
							#{encargado.empleadocargo.empleado.persona.apellido} #{encargado.empleadocargo.empleado.persona.nombre}
						</p:column>
					</p:dataTable>

					<f:facet name="footer">
						<p:separator />
						<p:commandButton value="#{msg['btn.guardar']}" update=":mensaje"
							oncomplete="comprobarListaBodegueros(xhr, status, args)"
							actionListener="#{bodegaBean.guardarBodegueros}"
							icon="ui-icon-disk" />
						<p:commandButton value="#{msg['btn.cancelar']}"
							oncomplete="PF('bodeguerosDialogoNuevo').hide()"
							icon="ui-icon-close" />
					</f:facet>
				</h:panelGrid>
			</h:form>
		</p:dialog>

		<p:dialog widgetVar="bodegueroDialogoEliminar" severity="alert"
			header="ACTIVAR/DESACTIVAR BODEGUERO" showEffect="explode"
			hideEffect="explode" modal="false" resizable="false" width="230px"
			style="text-align: center;">
			<h:form id="formBodegueroEliminar">
				<h:inputHidden value="#{bodegaBean.encargado.bodegaempleadocargoid}" />
				<br />
				<ui:param name="appreciated"
					value="¿ DESEA DESACTIVAR EL BODEGUERO: #{bodegaBean.encargado.empleadocargo.empleado.persona.apellido} #{bodegaBean.encargado.empleadocargo.empleado.persona.nombre} ?" />
				<ui:param name="notAppreciated"
					value="¿ DESEA ACTIVAR EL BODEGUERO: #{bodegaBean.encargado.empleadocargo.empleado.persona.apellido} #{bodegaBean.encargado.empleadocargo.empleado.persona.nombre} ?" />
				<h:outputText
					value="#{bodegaBean.encargado.activo eq true ? appreciated : notAppreciated}" />
				<br />
				<br />
				<p:commandButton value="#{msg['btn.aceptar']}"
					update=":formBodegueroEliminar,:formBodegueros:tablaBodeguero, :mensaje"
					icon="#{msg['iconoAceptar']}"
					oncomplete="PF('bodegueroDialogoEliminar').hide()"
					actionListener="#{bodegaBean.eliminarBodeguero}" />
				<p:commandButton value="#{msg['btn.cancelar']}" type="button"
					onclick="PF('bodegueroDialogoEliminar').hide()"
					update=":formBodegueroEliminar" icon="#{msg['iconoCancelar']}" />
			</h:form>
		</p:dialog>

		<p:dialog header="MOSTRAR BODEGA" widgetVar="bodegaDialogoMostrar"
			resizable="false" modal="false" showEffect="clip" hideEffect="fold"
			id="dialogoMostrar" styleClass="dialogoMostrarBodega">
			<h:form id="formMostrar">
				<h:panelGrid id="panelMostrar" columns="2">
					<h:outputText value="NOMBRE:" style="font-weight:bold" />
					<h:outputText value="#{bodegaBean.bodega.nombre}" />
					<h:outputText value="CIUDAD:" style="font-weight:bold" />
					<h:outputText value="#{bodegaBean.bodega.ciudad}" />
					<h:outputText value="DIRECCION:" style="font-weight:bold" />
					<h:outputText value="#{bodegaBean.bodega.direccion}" />
				</h:panelGrid>

				<h:outputText value="LOCALES QUE SE SUMINISTRAN:"
					style="font-weight:bold" />
				<p:dataTable var="local" value="#{bodegaBean.bodega.bodegalocals}">
					<p:column headerText="NOMBRE">
							#{local.local.nombre}
						</p:column>
					<p:column headerText="CIUDAD">
							#{local.local.ciudad}
					</p:column>
					<p:column headerText="DIRECCIÓN">
							#{local.local.direccion}
					</p:column>
				</p:dataTable>

				<h:outputText value="BODEGUEROS:" style="font-weight:bold" />
				<p:dataTable var="encargado"
					value="#{bodegaBean.bodega.bodegaempleadocargos}">
					<p:column headerText="CEDULA">
							#{encargado.empleadocargo.empleado.persona.cedula}
						</p:column>
					<p:column headerText="NOMBRE">
							#{encargado.empleadocargo.empleado.persona.apellido} #{encargado.empleadocargo.empleado.persona.nombre}
					</p:column>
					<p:column headerText="FECHA INICIO">
							#{encargado.empleadocargo.fechainicio}
					</p:column>
				</p:dataTable>
			</h:form>
		</p:dialog>

		<p:dialog header="EDITAR BODEGA" widgetVar="bodegaDialogoEditar"
			resizable="false" modal="false" showEffect="clip" hideEffect="fold"
			id="dialogoEditar">
			<h:form id="formEditar">
				<p:focus context="formEditar" />
				<h:panelGrid id="panelNuevo" columns="2">
					<h:outputText value="NOMBRE:" />
					<p:inputText id="txtNombre" value="#{bodegaBean.bodega.nombre}"
						onblur="this.value=this.value.toUpperCase();" required="true"
						requiredMessage="INSERTE UNA BODEGA" />
					<h:outputText value="CIUDAD:" />
					<p:selectOneMenu id="comboCiudad" filter="true"
						filterMatchMode="contains" value="#{bodegaBean.bodega.ciudad}"
						required="true" requiredMessage="ESCOJA UNA CIUDAD">
						<f:selectItem itemLabel="ESCOJA UNA CIUDAD" />
						<f:selectItems value="#{bodegaBean.listaCiudades}" var="ciudad"
							itemValue="#{ciudad.nombre}" itemLabel="#{ciudad.nombre}" />
					</p:selectOneMenu>
					<h:outputText value="DIRECCION:" />
					<p:inputText id="txtDireccion"
						value="#{bodegaBean.bodega.direccion}"
						onblur="this.value=this.value.toUpperCase();" required="true"
						requiredMessage="INSERTE UNA DIRECCION" />
					<f:facet name="footer">
						<p:separator />
						<p:commandButton value="#{msg['btn.guardar']}"
							update=":formDataTable ,:mensaje, :formEditar"
							oncomplete="comprobarEditar(xhr, status, args)"
							id="btnNuevoAceptar" icon="#{msg['iconoGuardar']}"
							actionListener="#{bodegaBean.actualizar}" />
						<p:commandButton value="#{msg['btn.cancelar']}"
							oncomplete="PF('bodegaDialogoEditar').hide()"
							id="btnNuevolimpiar" icon="#{msg['iconoCancelar']}" />
					</f:facet>
				</h:panelGrid>
			</h:form>
		</p:dialog>

		<script type="text/javascript">
			//<![CDATA[
			function comprobar(xhr, status, args) {
				if (!args.validationFailed && args.error) {
					PF('bodegaDialogoNuevo').hide();
				}
			}

			function comprobarListaBodegueros(xhr, status, args) {
				if (!args.error) {
					PF('bodeguerosDialogoNuevo').hide()
				}
			}

			function comprobarEditar(xhr, status, args) {
				if (!args.validationFailed && args.error) {
					PF('bodegaDialogoEditar').hide();
				}
			}
			//]]>

			function validacionInsertarBodega() {
				var nombreBodega = jQuery('#formNuevo\\:txtNombre').val();
				var ciudad = jQuery('#formNuevo\\:comboCiudad option:selected')
						.text();
				var direccion = jQuery('#formNuevo\\:txtDireccion').val();
				if (nombreBodega != "") {
					if (ciudad != "ESCOJA UNA CIUDAD") {
						if (direccion != "") {
							PF('responsableDialogoNuevo').show();
						}
					}
				}
			}
		</script>

	</ui:define>
</ui:composition>
</html>